/* --------------------------------------- /* ------------CSS BEN 23/10/2018--------*/ -----------------------------------------*/ /* -------------------------- MIN 1200PX-------------------------*/ @media screen and (min-width: 1200px) { #col-left-voyage, #col-left-destination, #col-left-guide { width: 62.28%;} #col-left-voyage .etape-img img {width:100%} } /* -------------------------- MAX 1200PX-------------------------*/ @media screen and (max-width: 1200px) { #wrapper .inner-accueil, #wrapper .inner-list, #wrapper .inner-form, #wrapper .inner-detail, .filter-voyages, .inner-top, .inner-bottom, #wrapper3 ul.breadcrumb_breadcrumb, .container, #bannermenu .inner-top, #bannertop .inner-top { width: 90%; box-sizing:border-box;} #col-right-scroll.affix {width: 30.319%;} .btn-top-sur-mesure {display: none;} } /* -------------------------- MIN 1073PX POur photos voyages-------------------------*/ @media screen and (min-width: 1073px) { } /* -------------------------- MIN 1022PX-------------------------*/ @media screen and (min-width: 1024px) { #banner { display: inherit;} #footer { display: inherit;} #modules1 { display: inherit;} .mobilebarmenuck { display: none;} .custom_espace_client .icon-mail, .custom_espace_client .icon-phone, .custom_espace_client .icon-users {display:none} .moduletable_espace_client {display: none;} .moduletable_gtranslate_mobile {display: none;} } /* -------------------------- MAX 1023PX-------------------------*/ @media screen and (max-width: 1023px) { #maximenuck120{display:block !important;} #bannerfix {margin-top:0;} #bannermenu li.maximenuck.level1{display:none !important;} .moduletable_breadcrumb {display:none} .header-pano-intro {margin-top:0;} img { max-width: 100% !important; /* height: auto !important;*/} .hidemobile1022 { display: none !important;} #bannertop {display:none;} #wrapper2 {height:70px;} #bannerlogo-right{display:none;} .maximenucklogo img { width: 168px;} .header-pano-trip-wrapper { width: auto;} #home-search { margin: 0 50px; padding: 0 15px;} .review-average.span4 { margin-top: 10px;} #home-search .input-large, .search-voyages .fabrikElement select { /*width: 500px;*/} #guide-voyage .img-guide img { width: 100%;} .container { width: 950px !important;} #banner { height: auto !important; box-sizing: border-box;} #banner .logobloc { width: auto !important; box-sizing: border-box; float: left !important; padding-bottom: 10px; width: 50% !important;} #bannermenu { margin-bottom: 15px; text-align: center;} .moduletable_menu_mobile select { margin: 0;} #banner img { display :block !important; margin: 0 auto !important; width: auto !important;} #banner ul { height: auto !important;} #banner li { float :none !important; width: 100% !important;} #banner div.floatck, #banner li > ul { width: 100% !important; position: relative !important; display: block !important; margin: 0 !important; left: auto !important;} #banner div.maximenuck2 { width: 100% !important; position: relative !important; display: block !important; float: none !important;} #banner .mobileckhambuger_togglerlabel { display: none !important;font-size: 33px !important; text-align: right !important; padding: 10px !important; color: FFFFFF;} #banner .mobileckhambuger_toggler + * { display: none !important; overflow-x: hidden;} #banner .mobileckhambuger_toggler:checked + * { display: block !important; width: 100%;} #banner .nav-pills .dropdown-menu { background: #000 none repeat scroll 0 0; top:0;} #bannermenu .nav .dropdown-menu > li { margin: 3px 10px; float:left; text-align: left;} #bannermenu .nav .dropdown-menu > li > a { text-transform: none; color: #dddddd; padding:0; background: #000 none repeat scroll 0 0;} #banner .nav-pills .dropdown-menu li a img { display:none !important;} #header .header-pano-wrapper { height: 400px;} #wrapper3 ul.breadcrumb_breadcrumb { width: 100%; box-sizing: border-box; margin-top: 5px;} .header-pano-title h1 { font-size: 45px;} #header-accueil .header-pano-title h1 { font-size: 40px;} #footer { display: inherit;} #modules1 { display: inherit;} #col-right-scroll {/* width: 240px !important;*/} #form-sur-mesure #group129 select, #form-sur-mesure #group129 .fabrikSubElementContainer { margin: 0;} #form-sur-mesure #group129 label { margin: 0 0 5px;} /*.moduletable_search { min-height:100px;}*/ .filter-voyages select { margin: 0 0 10px 0;} .inspirations-list img, .pays-list img{ min-height:150px;} .featured-guides-expertise, .featured-articles h3, #presse h3, .title-featured-guides { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 0;} .title-featured-guides { margin-top:20px;} .btn-devis .btn-large, .btn-groupe .btn-large, #prix-dates .btn { padding: 5px 10px;} .featured-themes img { width: 100%; border-radius: 0;} .header-wrapper { padding-top: 10px;} .featured-voyages .img-featured {height: 180px;} .featured-voyages img {height: auto; min-height:100%; } .featured-articles img { height: auto;} .voyage-link-niveau a, .voyage-link-reviews a {display:none;} .custom_espace_client .icon-mail { float: right; height: 25px; margin-top: 10px; padding: 5px 10px; position: absolute; top: 6px; right: 85px;} .custom_espace_client .icon-phone {background:url("/images/stories/phone.png") no-repeat scroll 10px 10px; float: right; height: 25px; margin-top: 10px; padding: 5px 10px; position: absolute; top: 6px; right: 135px;} .custom_espace_client .icon-phone:hover {background-color: #F39000;} .moduletable_gtranslate_mobile {position:absolute; right: 140px; top: 15px; z-index:100000; } .btn-devis .btn-large, .btn-groupe .btn-large { font-size:;} .header-pano-wrapper { margin-top: 0px;} #details_35_6 .header-pano-wrapper { margin-top: 0px;} #fk_comments___note label {display:block!important;} } /*--------------------------------------------------- MAX 950PX-------------------------*/ @media screen and (max-width: 950px) { .hidemobile950 { display: none !important;} #header .header-pano-wrapper { height: 300px;} #footer { display: inherit;} #modules1 { display: inherit;} /*.featured-voyages-groupes h3 { min-height: 100px;}*/ .btn-devis .btn-large, .btn-groupe .btn-large { font-size: 12px;} } /*----------------------------------MIN 768--------------------------*/ @media screen and (min-width: 768px) { #slider-voyage-mobile {display:none;} } /*-------------------------------- MAX 767PX----------------------------*/ @media screen and (max-width: 767px) { .header-diapo-wrapper .carousel-inner > .item .header-diapo-title .titre1 {font-size:40px;} .header-diapo-wrapper .carousel-inner > .item .header-diapo-title .titre2 {font-size:30px;} .home-title {font-size:40px;} .featured-themes h2, .featured-voyages h2, .featured-partners h2 {font-size:25px;} .featured-themes .span-themes {height:auto; max-height:none;} .featured-themes img { max-height: none; height:auto; width:100% !important; max-width: 400px !important;} .featured-voyages .img-featured {height:auto; } .featured-partners .header-diapo-wrapper {height:auto !important;} .featured-partners .header-diapo-wrapper #myCarouselPartners {margin: 0px !important; height:auto !important;} .featured-partners .header-diapo-wrapper>div {height:auto !important;} .featured-partners .carousel-inner {height:auto !important;} .featured-partners .header-diapo-wrapper .carousel-inner > .item {height: auto;} .featured-partners .header-diapo-wrapper .carousel-inner > .item .row-partner {height:auto;} #trip-detail .carousel-inner, #guide-detail .carousel-inner {height:250px;} #trip-detail .carousel-inner img, #guide-detail .carousel-inner img {height:250px !important; min-height:250px; width:100%;} #trip-detail-menu .navbar .nav > li > a {font-size:14px; padding:5px 10px;} .voyage-expert-photo img {height:90px !important} .landing-theme .header-theme {max-height:auto;} #landing-guide #top-guide, #reviews #top-reviews, #landing-fixeur #top-fixeur {display:inline-block !important;} #landing-guide #featured-destis .img-featured, #landing-guide #featured-hotels .img-featured {height:auto; margin-bottom:15px} #fixeur-in-action #myCarouselPartners {height:auto !important;} #fixeur-in-action .carousel-inner {height:auto !important;} #fixeur-in-action .carousel-inner .row-partner {height:auto;} #fixeur-in-action .carousel-inner img {min-height:auto;} img { max-width: 100% !important; height: auto !important;} #home-search { margin: 0 50px; padding: 0 15px;} #home-search .input-large, .search-voyages .fabrikElement select { /*width: 300px;*/} #bannerlogo-left span.logo-baseline {display:none;} .img-circle { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .text-article-featured { padding-top: 10px; min-height: 0;} #wrapper2 { position: relative;} #wrapper3 { margin-top: 0;} #wrapper3 ul.breadcrumb_breadcrumb { margin-top: 0px;} .hidemobile767 { display: none !important;} .header-pano-title { top: 25%;} .header-pano-title h1 { font-size: 30px;} #header-accueil .header-pano-title h1 { font-size: 30px;} .header-pano-title h2 { font-size: 20px; line-height: 25px;} #maincontent .column { width: 100% !important; clear:both; float:left} #maincontent .column1 div.inner, #maincontent .column2 div.inner { /*overflow:hidden;*/} #maincontent .column div.inner { margin-left: 0 !important; margin-right: 0 !important;} .items-row .item, .column { width: auto !important; float: none; margin: 0 !important;} .column div.moduletable, .column div.moduletable_menu { float: none; width: auto !important; /*margin: 0 !important; padding: 0 !important;*/} .voyage-slider-link-price {margin-bottom:10px;} .header-pano-img { /*height: 515px!important */ } .header-pano-intro h1 {font-size:25px; line-height:30px} .slider-voyage-mobile-boutons { position: fixed; bottom: 0px; background-color: #000; z-index: 9999; width: 100%;} .slider-voyage-mobile-boutons .btn { text-transform: none; float: none; padding: 5px 20px!important; margin: 5px 5px!important; border: 1px solid #c4c4c4;} /**--------------- Listes featured et related------ **/ #home-search { width: auto;} /*.featured-themes img, .featured-pays img, .featured-voyages img, .featured-reviews img, .featured-articles img, .featured-voyages-groupes img, .featured-guides img { width: 100%;}*/ .featured-themes .row-fluid .span2 { width: 100%;} .featured-voyages .text-featured-intro { height: auto;} .featured-voyages .text-featured-intro { padding-bottom: 0; border-bottom: none!important;} /** Newsletter **/ #newsletter .input-xlarge { height: 33px;} /*#newsletter .input-append .btn { height: 40px;}*/ /** Formulaire de contact **/ .contact form fieldset dt { max-width: 80px;} .contact input, .contact textarea { max-width: 160px;} #footer { display: inherit;} #footer { height: auto !important;} #footer .logobloc { float :none !important; width: auto !important;} #modules1 .flexiblemodule { width: 100% !important;float: none;} #modules1 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important;} /*Fabrik*/ .guide-row .well {height: auto; } .themes-voyages { position: relative; } .voyages_row .span2 { border-left: none; height: auto; padding: 0; text-align: left; } #table_map { width: 100% !important; } #col-right-voyage { height: auto !important; } #col-right-scroll, #col-right-scroll.affix, #col-right-scroll.affix-top, #col-right-scroll.affix-bottom { position: relative !important; top: 0px; width: 100% !important; } #related-trips .row-fluid .span3 { margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: auto; width: 230px; } #form-sur-mesure #group129 label { margin: 0 0 5px 0; } #form-sur-mesure #group129 select, #form-sur-mesure #group129 .fabrikSubElementContainer { margin: 0 0 15px 0; } .featured-voyages h3, .featured-articles h3, .featured-voyages-groupes h3 { min-height: auto; } .featured-voyages h3 {padding-top:0px} #form-sur-mesure #fk_demandes___destinations .span3 { margin: 10px auto; } .prix-voyages .flight { } #guide-voyage .img-guide img { width: 100%; } #guide-voyage .well { height: auto;} .featured-voyages-groupes .row-fluid { width: 100%;} .title-voyages { padding-top: 15px;} .moduletable_search2 {margin-top:0; height:auto; background:#FFFFFF; } .moduletable_search2 .input-large {width: auto;} .moduletable_search2 .inner-form {width:auto !important;} } /*------------------------------- MAX 524PX---------------------*/ @media screen and (max-width: 524px) { .hidemobile524 { display: none !important;} .header-pano-tab {display:none} #banner .logobloc { width: 100% !important;} .maximenucklogo img { width: 125px; height: auto!important;} #wrapper2 {height:65px;} #bannermenu { padding-top: 5px !important;} .moduletable_search { height: auto!important;} .header-pano-trip { width: auto;} #home-search { margin: 0; padding: 0 15px;} #home-search .input-large, .search-voyages .fabrikElement select { width: 250px;} #maincontent .column { width: 100% !important; clear:both; float:left} #maincontent .column1 div.inner, #maincontent .column2 div.inner { /*overflow:hidden;*/} #maincontent .column div.inner { margin-left: 0 !important; margin-right: 0 !important;} .items-row .item, .column { width: auto !important; float: none; margin: 0 !important;} .column div.moduletable, .column div.moduletable_menu { float: none; width: auto !important; /*margin: 0 !important; padding: 0 !important;*/} #guide-voyage .img-guide img { width: 100%; } #guide-voyage .well { height: auto;} #newsletter { display:none;} .header-pano-intro-text { margin: 5px; max-height: 285px; overflow: hidden;} .header-pano-intro { width: 100%; padding: 10px 0px; height: 100%;} .header-pano-intro h1 { margin: 5px;} .mobilebarmenuck { top: 7px;} .header-pano-wrapper { height: initial !important;} .tri-voyages { float: left;} .header-pano-intro .btn { display:none} .custom_espace_client .icon-mail, .custom_espace_client .icon-phone {margin:5px;} .meshim_widget_Widget { display: none;} /** specifique au formulaire de contact **/ .contact form fieldset dt { max-width: 80px;} .contact input, .contact textarea { max-width: 160px;} #footer { display: inherit; height: auto !important;} #footer .logobloc { float :none !important; width: auto !important;} #modules1 .flexiblemodule { width: 100% !important;float: none;} #modules1 .flexiblemodule > div.inner { margin-left: 0 !important; margin-right: 0 !important;} /** Formulaire devis**/ #form-voyage .img-form-voyage { margin: 0 0 10px 0;} /* DEBUT TABLEAU GROUPE responsive*/ /* Force table to not be like tables anymore */ #prix-dates table, #prix-dates thead, #prix-dates tbody, #prix-dates th, #prix-dates td, #prix-dates tr, { display: block; } #voyages .voyages_row .mois-depart { display: inline-block;}   /* Hide table headers (but not display: none;, for accessibility) */ #prix-dates th { position: absolute;top:-9999px;left:-9999px;} #prix-dates thead { display:none} #prix-dates tr { border: 1px solid #ccc; } #prix-dates td { /* Behave like a "row" */border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; white-space: normal;text-align:right; min-height: 10px; display: block;} #prix-dates td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold; content: attr(data-title)} #prix-dates .fabrikSubGroup {padding-bottom: 0px;} /* FIN TABLEAU RESPONSIVE*/ /* DEBUT TABLEAU ESPACE CLIENT responsive*/ /* Force table to not be like tables anymore */ #espace-client-reservations table, #espace-client-devis-factures table, #espace-client-infos-perso table, #espace-client-documents-perso table, #espace-client-reservations table, #espace-client-documents-voyage table, #espace-client-temoignages table, #espace-client-detail-devis-facture table, #espace-client-reservations thead, #espace-client-devis-factures thead, #espace-client-infos-perso thead, #espace-client-documents-perso thead, #espace-client-reservations thead, #espace-client-documents-voyage thead, #espace-client-temoignages thead, #espace-client-detail-devis-facture thead, #espace-client-reservations tbody, #espace-client-devis-factures tbody, #espace-client-infos-perso tbody, #espace-client-documents-perso tbody, #espace-client-reservations tbody, #espace-client-documents-voyage tbody, #espace-client-temoignages tbody, #espace-client-detail-devis-facture tbody, #espace-client-reservations th, #espace-client-devis-factures th, #espace-client-infos-perso th, #espace-client-documents-perso th, #espace-client-reservations th, #espace-client-documents-voyage th, #espace-client-temoignages th, #espace-client-detail-devis-facture th, #espace-client-reservations td, #espace-client-devis-factures td, #espace-client-infos-perso td, #espace-client-documents-perso td, #espace-client-reservations td, #espace-client-documents-voyage td, #espace-client-temoignages td, #espace-client-detail-devis-facture td, #espace-client-reservations tr, #espace-client-devis-factures tr, #espace-client-infos-perso tr, #espace-client-documents-perso tr, #espace-client-reservations tr, #espace-client-documents-voyage tr, #espace-client-temoignages tr, #espace-client-detail-devis-facture tr { display: block; }   /* Hide table headers (but not display: none;, for accessibility) */ #espace-client-reservations th, #espace-client-devis-factures th, #espace-client-infos-perso th, #espace-client-documents-perso th, #espace-client-reservations th, #espace-client-documents-voyage th, #espace-client-temoignages th, #espace-client-detail-devis-facture th { position: absolute;top:-9999px;left:-9999px;} #espace-client-reservations thead, #espace-client-devis-factures thead, #espace-client-infos-perso thead, #espace-client-documents-perso thead, #espace-client-reservations thead, #espace-client-documents-voyage thead, #espace-client-temoignages thead, #espace-client-detail-devis-facture thead { display:none} #espace-client-reservations tr, #espace-client-devis-factures tr, #espace-client-infos-perso tr, #espace-client-documents-perso tr, #espace-client-reservations tr, #espace-client-documents-voyage tr, #espace-client-temoignages tr, #espace-client-detail-devis-facture tr { border: 1px solid #ccc; } #espace-client-reservations td, #espace-client-devis-factures td, #espace-client-infos-perso td, #espace-client-documents-perso td, #espace-client-reservations td, #espace-client-documents-voyage td, #espace-client-temoignages td, #espace-client-detail-devis-facture td { /* Behave like a "row" */border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; white-space: normal;text-align:right; min-height: 10px;} #espace-client-reservations td:before, #espace-client-devis-factures td:before, #espace-client-infos-perso td:before, #espace-client-documents-perso td:before, #espace-client-reservations td:before, #espace-client-documents-voyage td:before, #espace-client-temoignages td:before, #espace-client-detail-devis-facture td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold; content: attr(data-title)} #espace-client-reservations .fabrikSubGroup, #espace-client-devis-factures .fabrikSubGroup, #espace-client-infos-perso .fabrikSubGroup, #espace-client-documents-perso .fabrikSubGroup, #espace-client-reservations .fabrikSubGroup, #espace-client-documents-voyage .fabrikSubGroup, #espace-client-temoignages .fabrikSubGroup, #espace-client-detail-devis-facture .fabrikSubGroup {padding-bottom: 0px;} /* FIN TABLEAU ESPACE CLIENT RESPONSIVE*/ }